<template>
<div class="box">
    <div class="wrap">
        <img class="backImg" src="https://imagev2.xmcdn.com/storages/2165-audiofreehighqps/52/6D/GKwRIDoF6Ml9AAESnAEaI6xF.png!magick=webp" alt="">
    <img class="footerIcon" src="https://imagev2.xmcdn.com/storages/72b6-audiofreehighqps/30/CE/GMCoOR8H3gffAAAQWAIAHhDF.png!magick=webp" alt="">
     <div class="copyright">©2014-2023喜马拉雅版权所有</div>    
</div>
</div>
</template>

<script setup lang="ts">

</script>

<style scoped>
.box{
width: 100%;
.wrap{
    width: 100%;
    position: relative;
    .backImg{
        width: 100%;
        height: 180px;
    }
    .footerIcon{
        position: absolute;
        top: 26%;
        left: 36%;
        width: 102px;
        height: 36px;

    }
    .copyright{
        position: absolute;
        top: 50%;
        left: 28%;
        font-size:12px ;
        color: #808080;
    }
}
}
</style>